<!doctype html>
<html>
    <head>
        <meta charset="utf-8" />
        <!-- Load scripts. -->        
        <link rel="stylesheet" href="stopVsFinishJQuery.css">
        <title>
            Stop() vs. Finish() In jQuery
        </title>
    </head>
    <body>
        <h1>
            Stop() vs. Finish() In jQuery
        </h1>

        <form action="#">
            <input type="button" value="Reset" id="reset" />
            <input type="button" value="Start" id="start" />
            <input type="button" value="Halt" id="halt" />
        </form>

        <div class="box" id="box1">
            Stop()
        </div>

        <br />
        <div class="box" id="box2">
            Finish()
        </div>
        
        <script src="//code.jquery.com/jquery-2.1.1.min.js"></script>
        <script>
            window.jQuery || document.write('<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"><\/script>');
        </script>
        <script src="stopVsFinishJQuery.js"></script>

    </body>
</html>